/*checkbox*/
.m-form-checkbox{

    >.checkbox{
        position: relative;
        user-select: none;
        border: 1px solid #bfcbd9;
        border-radius: 2px;
        width: 16px;
        height: 16px;
        background-color: #fff;
        transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
        >.inner{
            box-sizing: content-box;
            border: 3px solid #fff;
            border-left: 0;
            border-top: 0;
            width: 4px;
            height: 8px;
            position: absolute;
            left: 4px;
            top: 0px;
            z-index: 1;
            transform: rotate(45deg) scaleY(0);
            transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
            transform-origin: center
        }
    }
    >.active{
        border-color: $theme-color;
        background-color: $theme-color;
        >.inner{
            transform: rotate(45deg) scaleY(1);
        }
    }
    >.text{
        margin-left: 5px;
    }
}